import React from 'react'
import './style.less'
import { Link } from 'react-router-dom'

export default class LifePay extends React.Component {
  render() {
    return(
      <div className='life-pay'>
        {/*生活缴费*/}
        <h2>生活缴费</h2>
        {/*生活缴费分类*/}
        <ul className='life-payType clear'>
          <li>
            <i className="iconfont icon-shuifei"></i>
            <br/>
            <span>水费</span>
          </li>
          <li>
            <Link to='/lifeTypeOne/电费'>
              <i className="iconfont icon-dianfei"></i>
              <br/>
              <span>电费</span>
            </Link>
          </li>
          <li>
            <Link to='/lifeTypeTwo/宽带'>
              <i className="iconfont icon-kuandai"></i>
              <br/>
              <span>宽带</span>
            </Link>
          </li>
          <li>
            <Link to='/lifePayMore'>
              <i className="iconfont icon-jia"></i>
              <br/>
              <span>更多</span>
            </Link>
          </li>
        </ul>
        {/*生活类型*/}
        <div className='life-type'>
          <ul className='clear'>
              <li>
                <Link to='/lifeWay/保洁'>
                  <span>保洁</span>
                </Link>
              </li>
              <li>
                <Link to='/lifeWay/搬家'>
                  <span>搬家</span>
                </Link>
              </li>
              <li>
                <Link to='/lifeWay/家修'>
                  <span>家修</span>
                </Link>
              </li>
          </ul>
        </div>
      </div>
    )
  }
}
